<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8' />
<title>The Crowdsourced Textbook</title>
<link rel="stylesheet" href="css/topribbon2.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>

<body>

<style type="text/css">
	body{
		background-color: #c9f7cf;
		margin-left: 80px;
		margin-right: 80px;
		margin: 40px;
	}
	h1,h2,h3{
		font-family: 'Gothic',sans-serif;
		font-weight:800;
	}
	#text {
		background-color:white;
		font:Tahoma;
		padding: 30px;
	}
	#start_anno {
		font: 30px bold Gothic;
		text-align: center;
	}
	#start_anno:hover {
		background-color: white;
	}

</style>

<div id="top_ribbon">
    <header id="page_header">The Crowdsourced Textbook
    <script>
        $(window).scroll(function() {
            if ($(this).scrollTop() > 1){  
                $('header').addClass("sticky");
            }
            else{
                $('header').removeClass("sticky");
            }
        });
    </script>

    <div id="navbar">
        <a href="homepage.html"> HOME </a>
        <a href="help.html"> HELP </a>
        <a href="#"> ABOUT </a>
    </div>
    </header>
</div> 

<h2>The textbook powered by you!</h2>
<div id="text">
<p>Ever thought that your notes could be helpful to others? Your thoughts and ideas can enrich a knowledge base in unprecedented ways. So we bring you the The Crowdsourced Textbook... the text book where you enhance its quality by adding your notes in the form of anotations. </p>
<p>So go ahead and create an all new environment of knowledge!</p>
</div>
<br><br>
<div id="start_anno"><a href="main.php">Start Annotating Now!</a></div>
<br><br>

</body>
</html>